<div class="product-display-section container-fluid" id="new-arrivals">
  <h2 class="sec-custome-h2 {{ section.settings.custom_h2_class }}">
      <img src="{{ 'product-sec-h2-bg.png' | asset_url }}" class="sec-custome-h2-img" />
      <span>{{ section.settings.activity_title }}</span>
      <img src="{{ 'product-sec-h2-bg.png' | asset_url }}" class="sec-custome-h2-img" />
  </h2>
  <p class=" {{ section.settings.custom_p_class }}">{{ section.settings.descripes }}</p>
  <div class="product-section">
      <div class="products">
        {% assign product_21 = section.settings.selected_product_21 %}
        {% if product_21 %}
            {% assign valid_variant_found_21 = false %}
            {% assign no_variant_21 = false %}
            {% for variant in product_21.variants %}
              {% if variant.available and variant.inventory_quantity > 0 %}
                {% assign valid_variant_found_21 = true %}
                {% if variant.title == 'Default Title' %}
                {% assign no_variant_21 = true %}
                {% endif %}
                {% break %}
              {% endif %}
            {% endfor %}
            {% if valid_variant_found_21 %}
            <div class="product-card">
                {% assign variant_first_21 = product_21.variants.first %}
                {% if variant_first_21.compare_at_price and variant_first_21.compare_at_price > variant_first_21.price %}
                  {% assign discount_diff_21 = variant_first_21.compare_at_price | minus: variant_first_21.price %}
                  {% assign discount_diff_21_no_decimal = discount_diff_21 | floor %}
                <div class="discount-badge">{{ discount_diff_21_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{% if variant_first_21.title == 'Default Title' %} {{ product_21.featured_image.src | img_url: 'medium' }} {% else %} {{ variant_first_21.featured_image.src | img_url: 'medium' }} {% endif %}" alt="{{ product_21.title }}" />
                  {% else %}
                  {% assign discount_diff_21 = product_21.compare_at_price | minus: product_21.price %}
                  {% assign discount_diff_21_no_decimal = discount_diff_21 | floor %}
                <div class="discount-badge">{{ discount_diff_21_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{{ product_21.featured_image | img_url: 'medium' }}" alt="{{ product_21.title }}" />
                {% endif %}
                
                <div class="product-info">
                    {% if product_21.compare_at_price and product_21.compare_at_price > product_21.price %}
                    <p class="promo-info">{{ section.settings.promo_sale_tip_2 }}</p>
                    {% endif %}
                    <h3>{{ product_21.title }}</h3>
                    {% if no_variant_21 %} <div class="product-blank-area"><p></p></div> {% endif %}
                    <select class="prodduct-selects{% if no_variant_21 %} hidden {% endif %}" id="prodduct-select-{{ product_21.id }}" onchange="return productSelectChange(this);">
                        {% for variant in product_21.variants %}
                        <option class="prodduct-selects-option" 
                          data-id="{{ variant.id }}" 
                          data-price="{{ variant.price | money }}" 
                          data-old-price="{{ variant.compare_at_price | money }}"
                          data-image-url="{{ variant.featured_image.src | img_url: 'medium' }}"
                        >
                          {{ variant.title }}
                        </option>
                        {% endfor %}
                    </select>
                    <p class="price">{{ product_21.price | money }}
                    {% if product_21.compare_at_price and product_21.compare_at_price > product_21.price %}
                    <span class="old-price">{{ product_21.compare_at_price | money }}</span>
                    {% endif %}
                    </p>
                </div>
                <div class="buttons">
                    <button class="buy-now" onclick="return buyNowProductItem(this);">BUY NOW</button>
                    <button onclick="javascript:window.location.href='{{ product_21.url }}'">LEARN MORE</button>
                </div>
            </div>
            {% endif %}
        {% endif %}

        {% assign product_22 = section.settings.selected_product_22 %}
        {% if product_22 %}
            {% assign valid_variant_found_22 = false %}
            {% assign no_variant_22 = false %}
            {% for variant in product_22.variants %}
              {% if variant.available and variant.inventory_quantity > 0 %}
                {% assign valid_variant_found_22 = true %}
                {% if variant.title == 'Default Title' %}
                {% assign no_variant_22 = true %}
                {% endif %}
                {% break %}
              {% endif %}
            {% endfor %}
            {% if valid_variant_found_22 %}
            <div class="product-card">
                {% assign variant_first_22 = product_22.variants.first %}
                {% if variant_first_22.compare_at_price and variant_first_22.compare_at_price > variant_first_22.price %}
                  {% assign discount_diff_22 = variant_first_22.compare_at_price | minus: variant_first_22.price %}
                  {% assign discount_diff_22_no_decimal = discount_diff_22 | floor %}
                <div class="discount-badge">{{ discount_diff_22_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{% if variant_first_22.title == 'Default Title' %} {{ product_22.featured_image.src | img_url: 'medium' }} {% else %} {{ variant_first_22.featured_image.src | img_url: 'medium' }} {% endif %}" alt="{{ product_22.title }}" />
                  {% else %}
                  {% assign discount_diff_22 = product_22.compare_at_price | minus: product_22.price %}
                  {% assign discount_diff_22_no_decimal = discount_diff_22 | floor %}
                <div class="discount-badge">{{ discount_diff_22_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{{ product_22.featured_image | img_url: 'medium' }}" alt="{{ product_22.title }}" />
                {% endif %}
                <div class="product-info">
                    {% if product_22.compare_at_price and product_22.compare_at_price > product_22.price %}
                    <p class="promo-info">{{ section.settings.promo_sale_tip_2 }}</p>
                    {% endif %}
                    <h3>{{ product_22.title }}</h3>
                    {% if no_variant_22 %} <div class="product-blank-area"><p></p></div> {% endif %}
                    <select class="prodduct-selects{% if no_variant_22 %} hidden {% endif %}" id="prodduct-select-{{ product_22.id }}" onchange="return productSelectChange(this);">
                        {% for variant in product_22.variants %}
                        <option class="prodduct-selects-option" 
                          data-id="{{ variant.id }}" 
                          data-price="{{ variant.price | money }}" 
                          data-old-price="{{ variant.compare_at_price | money }}"
                          data-image-url="{{ variant.featured_image.src | img_url: 'medium' }}"
                        >
                          {{ variant.title }}
                        </option>
                        {% endfor %}
                    </select>
                    <p class="price">{{ product_22.price | money }}
                    {% if product_22.compare_at_price and product_22.compare_at_price > product_22.price %}
                    <span class="old-price">{{ product_22.compare_at_price | money }}</span>
                    {% endif %}
                    </p>
                </div>
                <div class="buttons">
                    <button class="buy-now" onclick="return buyNowProductItem(this);">BUY NOW</button>
                    <button onclick="javascript:window.location.href='{{ product_22.url }}'">LEARN MORE</button>
                </div>
            </div>
            {% endif %}
        {% endif %}
        
        {% assign product_23 = section.settings.selected_product_23 %}
        {% if product_23 %}
            {% assign valid_variant_found_23 = false %}
            {% assign no_variant_23 = false %}
            {% for variant in product_23.variants %}
              {% if variant.available and variant.inventory_quantity > 0 %}
                {% assign valid_variant_found_23 = true %}
                {% if variant.title == 'Default Title' %}
                {% assign no_variant_23 = true %}
                {% endif %}
                {% break %}
              {% endif %}
            {% endfor %}
            {% if valid_variant_found_23 %}
            <div class="product-card">
                {% assign variant_first_23 = product_23.variants.first %}
                {% if variant_first_23.compare_at_price and variant_first_23.compare_at_price > variant_first_23.price %}
                  {% assign discount_diff_23 = variant_first_23.compare_at_price | minus: variant_first_23.price %}
                  {% assign discount_diff_23_no_decimal = discount_diff_23 | floor %}
                <div class="discount-badge">{{ discount_diff_23_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{% if variant_first_23.title == 'Default Title' %} {{ product_23.featured_image.src | img_url: 'medium' }} {% else %} {{ variant_first_23.featured_image.src | img_url: 'medium' }} {% endif %}" alt="{{ product_23.title }}" />
                  {% else %}
                  {% assign discount_diff_23 = product_23.compare_at_price | minus: product_23.price %}
                  {% assign discount_diff_23_no_decimal = discount_diff_23 | floor %}
                <div class="discount-badge">{{ discount_diff_23_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{{ product_23.featured_image | img_url: 'medium' }}" alt="{{ product_23.title }}" />
                  {% endif %}
                <div class="product-info">
                    {% if product_23.compare_at_price and product_23.compare_at_price > product_23.price %}
                    <p class="promo-info">{{ section.settings.promo_sale_tip_2 }}</p>
                    {% endif %}
                    <h3>{{ product_23.title }}</h3>
                    {% if no_variant_23 %} <div class="product-blank-area"><p></p></div> {% endif %}
                    <select class="prodduct-selects{% if no_variant_23 %} hidden {% endif %}" id="prodduct-select-{{ product_23.id }}" onchange="return productSelectChange(this);">
                        {% for variant in product_23.variants %}
                        <option class="prodduct-selects-option" 
                          data-id="{{ variant.id }}" 
                          data-price="{{ variant.price | money }}" 
                          data-old-price="{{ variant.compare_at_price | money }}"
                          data-image-url="{{ variant.featured_image.src | img_url: 'medium' }}"
                        >
                          {{ variant.title }}
                        </option>
                        {% endfor %}
                    </select>
                    <p class="price">{{ product_23.price | money }}
                    {% if product_23.compare_at_price and product_23.compare_at_price > product_23.price %}
                    <span class="old-price">{{ product_23.compare_at_price | money }}</span>
                    {% endif %}
                    </p>
                </div>
                <div class="buttons">
                    <button class="buy-now" onclick="return buyNowProductItem(this);">BUY NOW</button>
                    <button onclick="javascript:window.location.href='{{ product_23.url }}'">LEARN MORE</button>
                </div>
            </div>
            {% endif %}
        {% endif %}

        {% assign product_24 = section.settings.selected_product_24 %}
        {% if product_24 %}
            {% assign valid_variant_found_24 = false %}
            {% assign no_variant_24 = false %}
            {% for variant in product_24.variants %}
              {% if variant.available and variant.inventory_quantity > 0 %}
                {% assign valid_variant_found_24 = true %}
                {% if variant.title == 'Default Title' %}
                {% assign no_variant_24 = true %}
                {% endif %}
                {% break %}
              {% endif %}
            {% endfor %}
            {% if valid_variant_found_24 %}
            <div class="product-card">
                {% assign variant_first_24 = product_24.variants.first %}
                {% if variant_first_24.compare_at_price and variant_first_24.compare_at_price > variant_first_24.price %}
                  {% assign discount_diff_24 = variant_first_24.compare_at_price | minus: variant_first_24.price %}
                  {% assign discount_diff_24_no_decimal = discount_diff_24 | floor %}
                <div class="discount-badge">{{ discount_diff_24_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{% if variant_first_24.title == 'Default Title' %} {{ product_24.featured_image.src | img_url: 'medium' }} {% else %} {{ variant_first_24.featured_image.src | img_url: 'medium' }} {% endif %}" alt="{{ product_24.title }}" />
                  {% else %}
                  {% assign discount_diff_24 = product_24.compare_at_price | minus: product_24.price %}
                  {% assign discount_diff_24_no_decimal = discount_diff_24 | floor %}
                <div class="discount-badge">{{ discount_diff_24_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{{ product_24.featured_image | img_url: 'medium' }}" alt="{{ product_24.title }}" />
                  {% endif %}
                <div class="product-info">
                    {% if product_24.compare_at_price and product_24.compare_at_price > product_24.price %}
                    <p class="promo-info">{{ section.settings.promo_sale_tip_2 }}</p>
                    {% endif %}
                    <h3>{{ product_24.title }}</h3>
                    {% if no_variant_24 %} <div class="product-blank-area"><p></p></div> {% endif %}
                    <select class="prodduct-selects{% if no_variant_24 %} hidden {% endif %}" id="prodduct-select-{{ product_24.id }}" onchange="return productSelectChange(this);">
                        {% for variant in product_24.variants %}
                        <option class="prodduct-selects-option" 
                          data-id="{{ variant.id }}" 
                          data-price="{{ variant.price | money }}" 
                          data-old-price="{{ variant.compare_at_price | money }}"
                          data-image-url="{{ variant.featured_image.src | img_url: 'medium' }}"
                        >
                          {{ variant.title }}
                        </option>
                        {% endfor %}
                    </select>
                    <p class="price">{{ product_24.price | money }}
                    {% if product_24.compare_at_price and product_24.compare_at_price > product_24.price %}
                    <span class="old-price">{{ product_24.compare_at_price | money }}</span>
                    {% endif %}
                    </p>
                </div>
                <div class="buttons">
                    <button class="buy-now" onclick="return buyNowProductItem(this);">BUY NOW</button>
                    <button onclick="javascript:window.location.href='{{ product_24.url }}'">LEARN MORE</button>
                </div>
            </div>
            {% endif %}
        {% endif %}

        {% assign product_25 = section.settings.selected_product_25 %}
        {% if product_25 %}
            {% assign valid_variant_found_25 = false %}
            {% assign no_variant_25 = false %}
            {% for variant in product_25.variants %}
              {% if variant.available and variant.inventory_quantity > 0 %}
                {% assign valid_variant_found_25 = true %}
                {% if variant.title == 'Default Title' %}
                {% assign no_variant_25 = true %}
                {% endif %}
                {% break %}
              {% endif %}
            {% endfor %}
            {% if valid_variant_found_25 %}
            <div class="product-card">
                {% assign variant_first_25 = product_25.variants.first %}
                {% if variant_first_25.compare_at_price and variant_first_25.compare_at_price > variant_first_25.price %}
                  {% assign discount_diff_25 = variant_first_25.compare_at_price | minus: variant_first_25.price %}
                  {% assign discount_diff_25_no_decimal = discount_diff_25 | floor %}
                <div class="discount-badge">{{ discount_diff_25_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{% if variant_first_25.title == 'Default Title' %} {{ product_25.featured_image.src | img_url: 'medium' }} {% else %} {{ variant_first_25.featured_image.src | img_url: 'medium' }} {% endif %}" alt="{{ product_25.title }}" />
                  {% else %}
                  {% assign discount_diff_25 = product_25.compare_at_price | minus: product_25.price %}
                  {% assign discount_diff_25_no_decimal = discount_diff_25 | floor %}
                <div class="discount-badge">{{ discount_diff_25_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{{ product_25.featured_image | img_url: 'medium' }}" alt="{{ product_25.title }}" />
                  {% endif %}
                <div class="product-info">
                    {% if product_25.compare_at_price and product_25.compare_at_price > product_25.price %}
                    <p class="promo-info">{{ section.settings.promo_sale_tip_2 }}</p>
                    {% endif %}
                    <h3>{{ product_25.title }}</h3>
                    {% if no_variant_25 %} <div class="product-blank-area"><p></p></div> {% endif %}
                    <select class="prodduct-selects{% if no_variant_25 %} hidden {% endif %}" id="prodduct-select-{{ product_25.id }}" onchange="return productSelectChange(this);">
                        {% for variant in product_25.variants %}
                        <option class="prodduct-selects-option" 
                          data-id="{{ variant.id }}" 
                          data-price="{{ variant.price | money }}" 
                          data-old-price="{{ variant.compare_at_price | money }}"
                          data-image-url="{{ variant.featured_image.src | img_url: 'medium' }}"
                        >
                          {{ variant.title }}
                        </option>
                        {% endfor %}
                    </select>
                    <p class="price">{{ product_25.price | money }}
                    {% if product_25.compare_at_price and product_25.compare_at_price > product_25.price %}
                    <span class="old-price">{{ product_25.compare_at_price | money }}</span>
                    {% endif %}
                    </p>
                </div>
                <div class="buttons">
                    <button class="buy-now" onclick="return buyNowProductItem(this);">BUY NOW</button>
                    <button onclick="javascript:window.location.href='{{ product_25.url }}'">LEARN MORE</button>
                </div>
            </div>
            {% endif %}
        {% endif %}

        {% assign product_26 = section.settings.selected_product_26 %}
        {% if product_26 %}
            {% assign valid_variant_found_26 = false %}
            {% assign no_variant_26 = false %}
            {% for variant in product_26.variants %}
              {% if variant.available and variant.inventory_quantity > 0 %}
                {% assign valid_variant_found_26 = true %}
                {% if variant.title == 'Default Title' %}
                {% assign no_variant_26 = true %}
                {% endif %}
                {% break %}
              {% endif %}
            {% endfor %}
            {% if valid_variant_found_26 %}
            <div class="product-card">
                {% assign variant_first_26 = product_26.variants.first %}
                {% if variant_first_26.compare_at_price and variant_first_26.compare_at_price > variant_first_26.price %}
                  {% assign discount_diff_26 = variant_first_26.compare_at_price | minus: variant_first_26.price %}
                  {% assign discount_diff_26_no_decimal = discount_diff_26 | floor %}
                <div class="discount-badge">{{ discount_diff_26_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{% if variant_first_26.title == 'Default Title' %} {{ product_26.featured_image.src | img_url: 'medium' }} {% else %} {{ variant_first_26.featured_image.src | img_url: 'medium' }} {% endif %}" alt="{{ product_26.title }}" />
                  {% else %}
                  {% assign discount_diff_26 = product_26.compare_at_price | minus: product_26.price %}
                  {% assign discount_diff_26_no_decimal = discount_diff_26 | floor %}
                <div class="discount-badge">{{ discount_diff_26_no_decimal | money_without_trailing_zeros }}</div>
                <img src="{{ product_26.featured_image | img_url: 'medium' }}" alt="{{ product_26.title }}" />
                  {% endif %}
                <div class="product-info">
                    {% if product_26.compare_at_price and product_26.compare_at_price > product_26.price %}
                    <p class="promo-info">{{ section.settings.promo_sale_tip_2 }}</p>
                    {% endif %}
                    <h3>{{ product_26.title }}</h3>
                    {% if no_variant_26 %} <div class="product-blank-area"><p></p></div> {% endif %}
                    <select class="prodduct-selects{% if no_variant_26 %} hidden {% endif %}" id="prodduct-select-{{ product_26.id }}" onchange="return productSelectChange(this);">
                        {% for variant in product_26.variants %}
                        <option class="prodduct-selects-option" 
                          data-id="{{ variant.id }}" 
                          data-price="{{ variant.price | money }}" 
                          data-old-price="{{ variant.compare_at_price | money }}"
                          data-image-url="{{ variant.featured_image.src | img_url: 'medium' }}"
                        >
                          {{ variant.title }}
                        </option>
                        {% endfor %}
                    </select>
                    <p class="price">{{ product_26.price | money }}
                    {% if product_26.compare_at_price and product_26.compare_at_price > product_26.price %}
                    <span class="old-price">{{ product_26.compare_at_price | money }}</span>
                    {% endif %}
                    </p>
                </div>
                <div class="buttons">
                    <button class="buy-now" onclick="return buyNowProductItem(this);">BUY NOW</button>
                    <button onclick="javascript:window.location.href='{{ product_26.url }}'">LEARN MORE</button>
                </div>
            </div>
            {% endif %}
        {% endif %}

      </div>
  </div>
</div>
{% schema %}
{
  "name": "NewArrivals Products",
  "settings": [
    {
      "type": "header",
      "content": "Basic Setting"
    },
    {
      "type": "text",
      "label": "Active Title",
      "id": "activity_title",
      "default": "New Arrivals"
    },
    {
      "type": "textarea",
      "label": "Descripes",
      "id": "descripes",
      "default": "A new generation of welding machines, more practical and smarter"
    },
    {
      "type": "text",
      "id": "custom_h2_class",
      "label": "Custom Title classes"
    },
    {
      "type": "text",
      "id": "custom_p_class",
      "label": "Custom descripe classes"
    },
    {
      "type": "text",
      "id": "promo_sale_tip_2",
      "label": "Promotion Product Tips",
      "default": "Lowest Price"
    },
    {
      "type": "header",
      "content": "Product[1] Setting"
    },
    {
      "type": "product",
      "id": "selected_product_21",
      "label": "Select Product [1]",
      "info": "Choose the product that contains the variant you want to display."
    },
    {
      "type": "header",
      "content": "Product[2] Setting"
    },
    {
      "type": "product",
      "id": "selected_product_22",
      "label": "Select Product [2]",
      "info": "Choose the product that contains the variant you want to display."
    },
    {
      "type": "header",
      "content": "Product[3] Setting"
    },
    {
      "type": "product",
      "id": "selected_product_23",
      "label": "Select Product [3]",
      "info": "Choose the product that contains the variant you want to display."
    },
    {
      "type": "header",
      "content": "Product[4] Setting"
    },
    {
      "type": "product",
      "id": "selected_product_24",
      "label": "Select Product [4]",
      "info": "Choose the product that contains the variant you want to display."
    },
    {
      "type": "header",
      "content": "Product[5] Setting"
    },
    {
      "type": "product",
      "id": "selected_product_25",
      "label": "Select Product [5]",
      "info": "Choose the product that contains the variant you want to display."
    },
    {
      "type": "header",
      "content": "Product[6] Setting"
    },
    {
      "type": "product",
      "id": "selected_product_26",
      "label": "Select Product [6]",
      "info": "Choose the product that contains the variant you want to display."
    }
  ],
  "presets": [
    {
      "name": "Default"
    }
  ]
}
{% endschema %}